<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" >
    <title>主页</title>

   <link rel="stylesheet" href="./css/style3.css">
   

   <script src="./js/main_js.js"></script>

   
</head>
<body>


    <canvas id="stars" ></canvas>

    <div class="pngbox1">
    <img src="./image/1.png" class="png1" id="png1">   
    </div>

    <div class="pngbox2">
        <img src="./image/2.png" class="png2" id="png2">  
    </div>

    <div class="pngbox3">
        <img src="./image/6.png" class="png3" id="png3">    
    </div>

    <div class="pngbox4">
        <img src="./image/天空.png" class="png4" id="png4">      
    </div>

    <div class="pngbox5">
        <img src="./image/月亮.png" class="png5" id="png5">      
    </div>
    <div class="pngbox6">
        <img src="./image/右山1.png" class="png6" id="png6">      
    </div>
    <!-- <div class="pngbox7">
        <img src="./image/左山.png" class="png7" id="png7">      
    </div> -->
    <div class="pngbox8">
        <img src="./image/左山2.png" class="png8" id="png8">      
    </div>


<div class="all">

      <!-- 首图片 -->
      <div class="topimg1">

    </div>

<!-- 总容器 -->
    <div class="box1">
        <div class="daohanglan">
            <div class="tab_Content" style="margin: center;">
                <input type="radio" name="tab_list" id="tab_list1" checked />
                <input type="radio" name="tab_list" id="tab_list2" />
                <input type="radio" name="tab_list" id="tab_list3" />
                <input type="radio" name="tab_list" id="tab_list4" />
                <input type="radio" name="tab_list" id="tab_list5" />
                <input type="radio" name="tab_list" id="tab_list6" />
                <input type="radio" name="tab_list" id="tab_list7" />
                <label for="tab_list1">
                    
                    主页内容 </label
                >
                <label for="tab_list2">
                    
                    星座图谱</label
                >
                <label for="tab_list3">
                    
                    今日运势</label
                >
                <label for="tab_list4">
                    
                    星空纪事</label
                >
                <label for="tab_list5">
                    
                    中古文化</label
                >
                <label for="tab_list6">
                    
                    了解更多</label
                >
                <label for="tab_list7">
                    
                    相关推荐</label
                >
               
                   <ul>
      <li>
        <h2 style="color: #fff;">最新资讯 - 获取最新的天文学资讯和研究成果</h2>
        <p>了解关于宇宙、恒星和行星的最新科学发现和研究进展。</p>
        <p>查看天文学家对宇宙中神秘事件的解释和研究成果。</p>
      </li>
      <li>
       <h2><a href="./12星座.html" style="color: #fff; text-decoration: none;">查看星座图谱(可点击)</a></h2>
         <p >白羊座 - 探索白羊座的星象和神话故事</p>
        <p>了解白羊座在不同文化中的神话传说和象征意义。</p>
        <p>探索白羊座的星系和宇宙中的相关故事和传说。</p>
      </li>
      <li>
        <h2 style="color: #fff;">白羊座 - 查看今日白羊座的整体运势</h2>
        <p>阅读关于白羊座今日运势的星座指南和建议。</p>
        <p>了解白羊座的今日爱情、事业和健康运势。</p>
      </li>
      <li>
        <h2 style="color: #fff;">观测天象 - 学习如何观测星空中的天文现象</h2>
        <p>获取有关观测星空中彗星、流星雨和日食的实用指南。</p>
        <p>了解如何使用望远镜和其他设备观测星系中的天象。</p>
      </li>
      <li>
        <h2 style="color: #fff;">古代天文学 - 探索古代天文学家的智慧</h2>
        <p>了解古代文明对天文学知识的探索和发现。</p>
        <p>学习古代天文学家的观测方法和他们对星空的理解。</p>
      </li>
      <li>
        <h2 style="color: #fff;">关于我们 - 了解我们的团队和使命</h2>
        <p>认识我们团队的天文学家、研究员和科学家。</p>
        <p>了解我们的使命和目标，以及我们对天文学科研的贡献。</p>
      </li>
      <li>
        <h2 style="color: #fff;">天文学院 - 了解天文学深造的机会</h2>
        <p>探索天文学相关学科的学习和科研机会。</p>
        <p>了解天文学院的课程、科研项目和实习机会。</p>
      </li>
    </ul>
            </div>

        </div>


        <!-- 左侧边内容区 -->
        <div class="left-main">


      <ol class="lunbo-list">
        <li style="display: inline-block;"><img src="./image/轮播4.jpg" alt="Image 1"></li>
      <li style="display: inline-block;"><img src="./image/轮播1.jpg" alt="Image 2"></li>
      <li style="display: inline-block;"><img src="./image/轮播2.jpg" alt="Image 3"></li>
      <li style="display: inline-block;"><img src="./image/轮播3.jpg" alt="Image 4"></li>
      <li style="display: inline-block;"><img src="./image/轮播4.jpg" alt="Image 1"></li>
      <li style="display: inline-block;"><img src="./image/轮播1.jpg" alt="Image 1"></li>

      </ol>
        </div>




        <!-- 主要内容区 -->
        <div class='main'>
            



              <!-- 二级菜单1 -->
              <div class="navbarbox">
                <div class="navbar">
                    <div class="nav">
                        <ul>
                          <li>
                            <a href="javascript:;">导航</a>
                            <ol>
                                <li><a href="javascript:;">天文新闻</a></li>
                                <li><a href="javascript:;">星座图鉴</a></li>
                                <li><a href="javascript:;">太阳系探索</a></li>
                                <li><a href="javascript:;">宇宙深度观察</a></li>
                            </ol>
                        </li>
                        <li>
                            <a href="javascript:;">相关投稿</a>
                            <ol>
                                <li><a href="javascript:;">天文科普</a></li>
                                <li><a href="javascript:;">星空摄影分享</a></li>
                                <li><a href="javascript:;">天体观测心得</a></li>
                                <li><a href="javascript:;">宇宙科幻小说</a></li>
                            </ol>
                        </li>
                        <li>
                            <a href="javascript:;">探索宇宙</a>
                            <ol>
                                <li><a href="javascript:;">黑洞探秘</a></li>
                                <li><a href="javascript:;">星系漫游</a></li>
                                <li><a href="javascript:;">行星探索</a></li>
                                <li><a href="javascript:;">宇宙奥秘解析</a></li>
                            </ol>
                        </li>
                        <li>
                            <a href="javascript:;">相关热搜</a>
                            <ol>
                                <li><a href="javascript:;">流星雨观赏指南</a></li>
                                <li><a href="javascript:;">超级新星爆发</a></li>
                                <li><a href="javascript:;">月相日历</a></li>
                                <li><a href="javascript:;">彗星掠过地球</a></li>
                            </ol>
                        </li>
                        <li>
                            <a href="javascript:;">站内分类</a>
                            <ol>
                                <li><a href="javascript:;">新闻资讯</a></li>
                                <li><a href="javascript:;">科普知识</a></li>
                                <li><a href="javascript:;">天文图库</a></li>
                                <li><a href="javascript:;">活动与展览</a></li>
                            </ol>
                        </li>
                            <!-- 这个元素来定义滑动的线条 -->
                            <li class="underline"></li>
                        </ul>
                    </div>
                </div>


              </div>
             
              <div class="search-container">
                <marquee behavior="2" style="z-index: -1;font-size: 30px;align-items: center;">欢迎访问本站</marquee>
                <input type="text" id="searchInput" placeholder="在此输入搜索内容">
                <button onclick="performSearch()" class="search-button">搜索</button>
              </div>



              <div class="mainbox1">


                <div class="Lin">
      <div >
        
              <div ><img src="./image/今日头条.gif"></div>
<h2><a href="#" title="3.25水星东大距，抓住机会拍水星" target="_blank">3.25水星东大距，抓住机会拍水星</a></h2>
<p><a href="#" title="3.25水星东大距，抓住机会拍水星" target="_blank">
水星是离太阳最近的大行星，因为离太阳很近，它在天空中离开太阳的角度最多也只有到二十几度，大部分时间都淹没在太阳的光辉中，只有在离开太阳最远的东大距或西大距时才有机会在黎明和黄昏
</a><a href="#" title="3.25水星东大距，抓住机会拍水星" target="_blank" style="color:#f60;">[详细内容]
</a>
</p>

</div>
      </div>
              

      <table >
<!-- border="1" -->
        </tr>

        <tr>
          <td rowspan="3"><img src="./image/速递1.png" style="width:250px;height:170px;"></td>
          <td><h2>中国天眼又有重要发现！</h2></td>
        </tr>
        <tr>
          <td>近几天，一则有关中国一口举世闻名的“大锅”的消息，上了各大新闻平台——“中国天眼”FAST 已经发现了 883 颗脉冲星，并且计划年内将这个数字刷新到 1000 颗。</a></p>
          </td>
        </tr>
        <tr>
          <td align="right">2024-02-27 15:41</td>
        </tr>


        <tr>
          <td rowspan="3"><img src="./image/速递2.jpg" style="width:250px;height:170px;"></td>
          <td><h2>最强伽马射线暴 将会曝出这些超新星“猛料”</h2></td>
        </tr>
        <tr>
          <td>“我们怀着敬畏之心，能够研究它是件非常幸运的事情”,在2022年10月9日，一束明亮的光芒掠过我们的星球，甚至使几颗卫星探测器暂时“失明”，所有的目光都聚焦在点亮天空的</td>
        </tr>
        <tr>
          <td align="right">2024-02-27 15:41</td>
        </tr>


        <tr>
          <td rowspan="3"><img src="./image/速递3.png" style="width:250px;height:170px;"></td>
          <td><h2>我国天文学家计算出仙女星系质量：约为1.14万亿倍太阳质量</h2></td>
        </tr>
        <tr>
          <td>快科技2月6日消息，据媒体报道，我国天文学家算出了仙女星系“体重”。
            据了解，来自云南大学等单位的科研人员构建了目前国际上最大的、具有视向速度测量值的仙女星系天体星表基。</td>
        </tr>
        <tr>
          <td align="right">2024-02-27 15:41</td>
        </tr>

        <tr>
          <td rowspan="3"><img src="./image/速递4.png" style="width:250px;height:170px;"></td>
          <td><h2>广寒宫内尽高朋 月球是如何一步步成为热门打卡点的</h2></td>
        </tr>
        <tr>
          <td>时光荏苒，转瞬间，距离2004年1月23号，国务院批准绕月探测工程即“嫦娥工程”立项的日子，已经过去了整整20年。我们欣喜地看到，月球探测越来越成为人类航天活动的一大热点。尤其是今</td>
        </tr>
        <tr>
          <td align="right">2024-01-23 23:06</td>
        </tr>

        <tr>
          <td rowspan="3"><img src="./image/速递5.png" style="width:250px;height:170px;"></td>
          <td><h2>去几百光年外宇宙“看展” 这台天文望远镜 绘出恒星摇篮</h2></td>
        </tr>
        <tr>
          <td>近年来，越来越多的人开始走“高雅过年”的路线，“春节看展”、“艺术过年”成为一股清流。
            比如在2023年春节期间，不少上海市民、游客参观了在上海博物馆举办</td>
        </tr>
        <tr>
          <td align="right">2024-01-08 20:11</td>
        </tr>

      </table>
              <div>
                <p style="color: #d62d2d;background: #80efef;">
                  外刊研究
                </p>

                <div class="row releases"> 
                  <table>
                    <tr>
                      <td rowspan="3"><img src="./image/外刊1.jpg" style="width:250px;height:170px;"></td>
                      <td><h2></h2></td>
                    </tr>
                    <tr>
                      <td><a href="#"><span class="releases-title">United Nations Agrees to Address Impact of Satellite Constellations on Astronomy</span></a></td>
                    </tr>
                    <tr>
                      <td align="right">15 Feb 2024</td>
                    </tr>

                    <tr>
                      <td rowspan="3"><img src="./image/外刊2.jpg" style="width:250px;height:170px;"></td>
                      <td><h2></h2></td>
                    </tr>
                    <tr>
                      <td><a href="#"><span class="releases-title">Registrations Open for XXXII IAU General Assembly</span></a></td>
                    </tr>
                    <tr>
                      <td align="right">15 Feb 2024</td>
                    </tr>

                    <tr>
                      <td rowspan="3"><img src="./image/外刊3.jpg" style="width:250px;height:170px;"></td>
                      <td><h2></h2></td>
                    </tr>
                    <tr>
                      <td><a href="#"><span class="releases-title">IAU Selects Names for 20 Exoplanetary Systems</span></a></td>
                    </tr>
                    <tr>
                      <td align="right">07 Jun 2023</td>
                    </tr>

                    <tr>
                      <td rowspan="3"><img src="./image/外刊4.jpg" style="width:250px;height:170px;"></td>
                      <td><h2></h2></td>
                    </tr>
                    <tr>
                      <td><a href="#"><span class="releases-title">Matthew Bailes, Duncan Lorimer and Maura McLaughlin Receive the 2023 Shaw Prize in Astronomy</span></a></td>
                    </tr>
                    <tr>
                      <td align="right">30 May 2023</td>
                    </tr>
                  </table>
              </div>
              </div>




              <!-- 热点推荐 -->
              <div class="Lin2">
                <p style="color: #d62d2d;background: #80efef;">热点推荐</p>

                <ul>
                  <li>· <a href=""  target="_blank">Askar FRA600客片</a></li>
                  <li>· <a href="#"  target="_blank">M13 武仙座球状星团</a></li>
                  <li>· <a href="#" target="_blank">求购大观道布森dob8 dob10</a></li>
                  <li>· <a href="#"  target="_blank">3.25水星东大距，抓住机会拍水星</a></li>
                  <li>· <a href="#" target="_blank">FSQ-85, FC-100 的铝合金镜盖</a></li>
                  <li>· <a href="#" target="_blank">【深空前期10】天文摄影常用器材图文对照表（更新）</a></li>
                  <li>· <a href="#" target="_blank">2024春季观测之M53、M63、M67、M108</a></li>
                  <li>· <a href="#"  target="_blank">银河</a></li>
                  <li>· <a href="#" target="_blank">求助求助，画面中间有个圈是什么原因</a></li>
                  <li>· <a href="#"  target="_blank">二月跨新年拍的星云</a></li>
                </ul>
              </div>
              <marquee behavior="2" >素材来源于网络</marquee>
 
              </div>
        </div>

       
  
        <!-- 右侧边内容区 -->
        <div class="right-main">
          <p>相关热搜</p>
          <ol style="color: #ff0000;">
            <li><a href="#" style="color: #ccc;">鹊桥二号发射升空</a></li>
            <li><a href="#" style="color: #ccc;">多地天空疑现不明飞行物，专家回应:与星链有关</a></li>
            <li><a href="#" style="color: #ccc;">“云烧起来了”?</a></li>
            <li><a href="#" style="color: #ccc;">一直从天上掉下来白蚁的翅膀</a></li>
            <li><a href="#" style="color: #ccc;">逐梦寰宇 梦圆“天宫”</a></li>
            <li><a href="#" style="color: #ccc;">天上北斗星,地上北斗城</a></li>
          </ol>
        </div>
      
        <!-- 底部导航栏 -->
        <div class="daohanglanend">

              <footer>
                <nav>
                  <ul>
                    <li><a href="#">站点信息</a></li>
                    <li><a href="#">意见反馈</a></li>
                    <li><a href="#">免责声明</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">文章归档</a></li>
                  </ul>
                </nav>
              </footer>

        </div>
      
    </div>

    </div>

</div>

</body>
</html>